﻿body
{
    background: #F0F0F0;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: auto;
}

#wrapper
{
    width: 1200px;
    margin: 10px auto;
}

/*#header
{
   
    height: 100px;
    background: #141414;
}*/

#content{
    margin-top: 10px;
}
#top-nav
{
    background: #222;
    border-bottom: 2px solid #0FA1E0;
    height: 35px;
}

#top-menu
{
    float: left;
}

    #top-menu ul li
    {
        display: inline-block;
    }

        #top-menu ul li a
        {
            color: #fff;
            font-size: 15px;
            text-decoration: none;
            font-weight: bold;
            line-height: 35px;
            padding: 0 7px;
        }

            #top-menu ul li a:hover
            {
                color: #009BDF;
            }

/*menu*/

ul.topnav
{
    list-style: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    width: auto;
    /*background: #222;*/
    font-size: 1.2em;
    /*background: url(../img/topnav_bg.gif) repeat-x;*/
}

    ul.topnav li
    {
        float: left;
        margin: 0;
        padding: 0 15px 0 0;
        position: relative; /*--Declare X and Y axis base for sub navigation--*/
    }

        ul.topnav li a
        {
            padding: 10px 5px;
            color: #fff;
            display: block;
            text-decoration: none;
            float: left;
        }

            ul.topnav li a:hover
            {
                background: url(../img/topnav_hover.gif) no-repeat center top;
            }

        ul.topnav li span
        { /*--Drop down trigger styles--*/
            width: 17px;
            height: 35px;
            float: left;
            background: url(../img/subnav_btn.gif) no-repeat center top;
        }

            ul.topnav li span.subhover
            {
                background-position: center bottom;
                cursor: pointer;
            }
        /*--Hover effect for trigger--*/

        ul.topnav li ul.subnav
        {
            list-style: none;
            position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
            left: 0;
            top: 35px;
            background: #333;
            margin: 0;
            padding: 0;
            display: none;
            float: left;
            width: 170px;
            border: 1px solid #111;
        }

            ul.topnav li ul.subnav li
            {
                margin: 0;
                padding: 0;
                border-top: 1px solid #252525; /*--Create bevel effect--*/
                border-bottom: 1px solid #444; /*--Create bevel effect--*/
                clear: both;
                width: 170px;
            }

html ul.topnav li ul.subnav li a
{
    float: right;
    width: 145px;
    /*background: #333 url(../img/dropdown_linkbg.gif) no-repeat 10px center;*/
    padding-left: 20px;
}

    html ul.topnav li ul.subnav li a:hover
    { /*--Hover effect for subnav links--*/
        background: #222 url(../img/dropdown_linkbg.gif) no-repeat 140px center;
    }


/*table*/
table
{
    border: 1px solid #bbb;
    margin: 10px auto;
    border-collapse: collapse;
    width: 900px;
}

th
{
    padding: 8px 5px;
    border-right: 1px solid #bbb;
}

td
{
    padding: 5px 10px;
    border-right: 1px solid #bbb;
}

thead tr
{
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    color: #235a81;
}

tbody tr:nth-child(2n+1)
{
    background-color: #fff;
}

tbody tr:hover
{
    background-color:#f8d7d7;
}

.center{
    text-align:center;
}

.editic:hover
{
    cursor:pointer;
}


/*------------------------*/

.form-search
{
    float:right;
    padding-bottom:10px;
    padding-right:50px;
}
.clr
{
    clear:both;
}